<html>
<head>
    <title>Home Page - Computer Lab Management</title>

    <style type = "text/css">
	ul#list-nav {
	list-style:none;
	margin:0px;
	padding:0;
	width:905px
	}
	ul#list-nav li {
	:inline
	}
	ul#list-nav li a {
	text-decoration:none;
	padding:2px 0;
	width:180px;
	background:#CF4711;
	color:#eee;
	float:left;
	text-align:center;
	border-left:1px solid #000000;
	}
	ul#list-nav li a:hover {
	background:#a2b3a1;
	color:#000
	}
    </style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
	<div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="900" height="100%" bgcolor="white">
		<tr>
			<td width="906" height="616" colspan="4" valign="top">
				<td width="906" height="616" colspan="4" valign="top">
		<table border="0" cellpadding="10" cellspacing="0" width="905" height="30">
		<tr>
			<td width="900" bgcolor="#000000">
				<span style="background-color: #000000"><font color="#CF4711" face="Tahoma">Computer Lab Management Cpr.E KMUTNB </font><font color="#808080" face="Tahoma">| </font>
				<font color="#FFFFFF" face="Tahoma"> Home page</font></span></td>
		</tr>
	</table>
	<ul id="list-nav">
		<li><a href="http://127.0.0.1:8000/">Home</a></li>
		<li><a href="http://127.0.0.1:8000/add/">Computer Submit</a></li>
		<li><a href="http://127.0.0.1:8000/report/">Report</a></li>
		<li><a href="http://127.0.0.1:8000/fix_com/">Fixtable</a></li>
		<li><a href="http://127.0.0.1:8000/history/">History</a></li>
	</ul>
	<br>
	
	<fieldset>
	<legend><pre>About Us</pre></legend>
	<pre> This web application "computer site" is created to manage many</pre>
	<pre> computers in computer laboratory. We have kept database </pre>
	<pre> ....... </pre>
	</fieldset>
	<fieldset>
		<legend><pre>Login</pre></legend>
			{% if user.is_authenticated %}
			<!-- Authenticate account menu -->
			{% else %}
			{% if messages %}
			<pre>  {{ messages }}Please Login</pre>
			{% else %}
			<pre>  Please Login</pre>
			{% endif %}
			<form action="/login/" method="post" accept-charset="utf-8">
				<pre>  <label for="username">Username :</label> <input type="text" name="username" value="" id="username" /></pre>
				<pre>  <label for="password">Password :</label> <input type="password" name="password" value="" id="password" /></pre>
				<pre>             <input type="submit" value="Login →"></pre>
			</form>
			{% endif %}
			{% if errors %}
			<ul>
			{% for errors in errors %}
			<pre>        {{ errors }}</pre>
			{% endfor %}
			{% endif %}
			</ul>
	</fieldset> 
</body>
</html>
	
